<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>home-work-v1</title>
</head>
<style>

    * {
        list-style: none;
        border: 0;
        padding: 0;
        margin: 0
    }
    .head{
        background-color: rgb(255, 244, 230);
        padding: 15px;
        font-size: 25px;
        text-align: center;
    }
    .overall{
        width: 80%;
        margin: auto;
        border-left: 1px rgb(204, 226, 255) solid;
        border-right: 1px rgb(204, 226, 255) solid;
    }
    .title{
        font-weight: 1000;
        border-top: 1px rgb(204, 226, 255) solid;
        font-size: 20px;
    }
    .row{
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #f1f1f1;
        border-bottom:1px rgb(204, 226, 255) solid;
        list-style-type: none;
        display: flex;
        width: 100%;

    }
    .son-1{
        width: 50%;
        padding: 3px;
        border-right: 1px black solid;
    }
    a{
        text-decoration: none;
    }
    .son-2{
        width: 25%;
        padding: 3px;
        border-right: 1px black solid;
    }
    .son-3{
        width: 25%;
        padding: 3px;
    }
    .centers{
        text-align: center;
        color: #b8b5b5;
    }
</style>
<body>
<header class="head">
    厦门小于网
</header>
<main>
    <div class="overall">
        <div>
            <ul class="row title">
                <li class="son-1" style="text-align: center;">标题</li>
                <li class="son-2" style="text-align: center;">创建时间</li>
                <li class="son-3" style="text-align: center;">更新时间</li>
            </ul>
        </div>
        <div>
            <ul class="row">
                <li class="son-1"><a href="http://bbs.xmfish.com/read-htm-tid-18234778.html">[闲置转让]一些武侠小说金庸新修版和梁羽生</a></li>
                <li class="son-2 centers">2024/08/26</li>
                <li class="son-3 centers">2024/08/26</li>
            </ul>
        </div>
        <div>
            <ul class="row">
                <li class="son-1"><a href="http://bbs.xmfish.com/read-htm-tid-18220732.html">[闲置转让]闲置正品苹果一代，二代耳机</a></li>
                <li class="son-2 centers">2024/08/26</li>
                <li class="son-3 centers">2024/08/26</li>
            </ul>
        </div>
        <div>
            <ul class="row">
                <li class="son-1"><a href="http://bbs.xmfish.com/read-htm-tid-18234850.html">[闲置转让][08-22]工厂直销 --全新马桶 特价特价！！！！！</a></li>
                <li class="son-2 centers">2024/08/26</li>
                <li class="son-3 centers">2024/08/26</li>
            </ul>
        </div>
        <div>
            <ul class="row">
                <li class="son-1"><a href="http://bbs.xmfish.com/read-htm-tid-18234772.html">[闲置转让]两轮电动车300</a></li>
                <li class="son-2 centers">2024/08/26</li>
                <li class="son-3 centers">2024/08/26</li>
            </ul>
        </div>
    </div>
</main>
<footer>

</footer>
</body>
</html>